<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>

<h3>入门程序</h3>

<a href="user/hello">入门程序</a>
<a href="user/testRequestMapping?username=lj">RequestMapping注解</a>

<form action="user/testRequestParam" method="post">
    用户姓名：<input type="text" name="username" /><br/>
    用户年龄：<input type="text" name="age" /><br/>
    <input type="submit" value="提交" />
</form>

<a href="user/testPathVariable/10">testPathVariable</a>

<form action="user/testRequestBody" method="post">
    用户姓名：<input type="text" name="username" /><br/>
    用户年龄：<input type="text" name="age" /><br/>
    <input type="submit" value="提交" />
</form>

<a href="user/testRequestHeader">RequestHeader</a>
<br/>
<a href="user/testCookieValue">CookieValue</a>
<br/>

<form action="user/testModelAttribute" method="post">
    用户姓名：<input type="text" name="uname" /><br/>
    用户年龄：<input type="text" name="age" /><br/>
    <input type="submit" value="提交" />
</form>

<a href="user/testSessionAttributes">testSessionAttributes</a>
<a href="user/getSessionAttributes">getSessionAttributes</a>
<a href="user/delSessionAttributes">delSessionAttributes</a>


<%--请求参数绑定--%>
<%--把数据封装Account类中--%>
<a href="param/testParam?username=lj&password=123456">请求参数绑定</a>

<form action="param/saveAccount" method="post">
    姓名：<input type="text" name="username" /><br/>
    密码：<input type="text" name="password" /><br/>
    金额：<input type="text" name="money" /><br/>
    用户姓名：<input type="text" name="user.uname" /><br/>
    用户年龄：<input type="text" name="user.age" /><br/>
    <input type="submit" value="提交" />
</form>

<%--把数据封装Account类中，类中存在list和map的集合--%>
<form action="param/saveAccount" method="post">
    姓名：<input type="text" name="username" /><br/>
    密码：<input type="text" name="password" /><br/>
    金额：<input type="text" name="money" /><br/>

    用户姓名：<input type="text" name="list[0].uname" /><br/>
    用户年龄：<input type="text" name="list[0].age" /><br/>

    用户姓名：<input type="text" name="map['one'].uname" /><br/>
    用户年龄：<input type="text" name="map['one'].age" /><br/>
    <input type="submit" value="提交" />
</form>

<%--自定义类型转换器--%>
<form action="param/saveUser" method="post">
    用户姓名：<input type="text" name="uname" /><br/>
    用户年龄：<input type="text" name="age" /><br/>
    用户生日：<input type="text" name="date" /><br/>
    <input type="submit" value="提交" />
</form>

<a href="param/testServlet">Servlet原生的API</a>

<%--返回值类型--%>

<a href="user/testString" >testString</a>

<br/>

<a href="user/testVoid" >testVoid</a>

<br/>

<a href="user/testModelAndView" >testModelAndView</a>

<br/>

<a href="user/testForwardOrRedirect" >testForwardOrRedirect</a>

<br/>

<script src="js/jquery.min.js"></script>
<script>
    $(function () {
        $("#btn").click(function () {
            alert("hello btn")
        })
    })
</script>
<script>
    // 页面加载，绑定单击事件
    $(function(){
        $("#btn").click(function(){
            // alert("hello btn");
            // 发送ajax请求
            $.ajax({
                // 编写json格式，设置属性和值
                url:"user/testAjax",
                contentType:"application/json;charset=UTF-8",
                data:'{"username":"lj","password":"123","age":18}',
                dataType:"json",
                type:"post",
                success:function(data){
                    // data服务器端响应的json的数据，进行解析
                    alert(data);
                    alert(data.username);
                    alert(data.password);
                    alert(data.age);
                }
            });

        });
    });
</script>
<button id="btn">发送ajax的请求</button></body>
</html>
